<template>
	<view style="padding-left: 30rpx; padding-right: 30rpx;">
		<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则,ref 指定绑定到ref上的名字，之后在js中可通过￥refs调用 -->
		<u--form
			labelPosition="left"
			:model="form"
			:rules="rules"
			ref="form"
			:errorType="errorType"
		>
			<u-form-item
				label="姓名"
				prop="name"
				required
			>
				<u--input
					style="border: solid #a3a6ad;"
					v-model="form.name"
				></u--input>
			</u-form-item>
		</u--form>
		<u-button style="margin-top: 30rpx;" @click="submit">提交</u-button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			// 文字提示
			errorType: 'message',
			form: {
				name: '',
			},
			rules: {
				'name': {
					type: 'string',
					required: true,
					message: '请填写姓名',
					trigger: ['blur', 'change'],//这里设置在失去焦点或者内容改变的时候进行规则验证
				},
			},
		};
	},
	methods: {
		submit() {
			console.log("submit");
			this.$refs.form.validate().then(async (valid) => {
				if(valid){
					console.log("测试");
					const params = {
						name:this.form.name
					};
					const data = await uni.$u.api.updateUserInfo(params); 
					if(data.statusCode === 204){
						this.$u.utils.updateUser();
						uni.$u.toast("修改成功!"); 
					}
				}
			}).catch(errors => {
				console.log('校验失败');
			});
		}
	},
	onReady() {
		this.form.user = this.vuex_user.name;
	}
};
</script>

<style>

</style>
